<!DOCTYPE html>
<html class="client-nojs vector-feature-night-mode-disabled vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-sticky-header-enabled" lang="en" dir="ltr"><head>
<meta charset="UTF-8">
<title>Composition (visual arts)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://en.wikipedia.org/wiki/Composition_(visual_arts)"> <link href="./mw/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/mediawiki.page.gallery.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./mw/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/skins.vector.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/user.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link rel="stylesheet" type="text/css" href="./mw/site.styles.css">
<link rel="stylesheet" type="text/css" href="./mw/noscript.css">
<link rel="stylesheet" type="text/css" href="./footer.css">
<link rel="stylesheet" type="text/css" href="./vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Composition_visual_arts rootpage-Composition_visual_arts skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading">
<span id="openzim-page-title" class="mw-page-title-main"><span class="mw-page-title-main">Composition (visual arts)</span></span>
</h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr">
<style data-mw-deduplicate="TemplateStyles:r1236090951">
/* start https://en.wikipedia.org/ */
.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}
/* end https://en.wikipedia.org/ */
</style><div role="note" class="hatnote navigation-not-searchable">"Composition (painting)" redirects here. For the Jozef Peeters painting, see <a href="Composition_(Peeters)" title="Composition (Peeters)">Composition (Peeters)</a>.</div>
<p>The term <b>composition</b> means "putting together". It can be thought of as the organization of art. Composition can apply to any work of art, from music through writing and into photography, that is arranged using conscious thought. In the visual arts, composition is often used interchangeably with various terms such as <i>design, form, visual ordering,</i> or <i>formal structure,</i> depending on the context. In graphic design for press and desktop publishing, composition is commonly referred to as page layout.
</p><p>The composition of a picture is different from its subject (what is depicted), whether a moment from a story, a person or a place. Many subjects, for example <a href="Saint_George_and_the_Dragon" title="Saint George and the Dragon">Saint George and the Dragon</a>, are often portrayed in art, but using a great range of compositions even though the two figures are typically the only ones shown.
</p>
<meta property="mw:PageProp/toc">
<div class="mw-heading mw-heading2"><h2 id="Elements_of_design">Elements of design</h2></div>
<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Elements_of_art" title="Elements of art">Elements of art</a></div>
<p>The central visual element, known as <i>element of design</i>, <i>formal element</i>, or <i>element of art,</i> constitute the vocabulary with which the visual artist compose. These elements in the overall design usually relate to each other and to the whole art work.
</p><p>The elements of design are:
</p>
<ul><li>Line — the visual path that enables the eye to move within the piece</li>
<li><a href="Shape" title="Shape">Shape</a> — areas defined by edges within the piece, whether geometric or organic</li>
<li><a href="Color" title="Color">Color</a> — hues with their various values and intensities</li>
<li><a href="Texture_(visual_arts)" title="Texture (visual arts)">Texture</a> — surface qualities which translate into tactile illusions</li>
<li><a href="Lightness_(color)" class="mw-redirect" title="Lightness (color)">Value</a> — Shading used to emphasize form</li>
<li>Form — 3-D length, width, or depth</li>
<li><a href="Space" title="Space">Space</a> — the space taken up by (positive) or in between (negative) objects</li></ul>
<div class="mw-heading mw-heading3"><h3 id="Line_and_shape">Line and shape</h3></div>
<p>Lines are optical phenomena that allow the artist to direct the eye of the viewer. The optical illusion of lines does exist in nature, and in visual arts, elements can be arranged to create this illusion. The viewer unconsciously "reads" the image through the continuous arrangement of different elements and subjects at varying distances. Such elements can be of dramatic use in the composition of the image. These could be literal lines such as telephone and power cables or rigging on boats. Lines can also derive from the borders of different colors or contrast, or sequences of discrete elements. Movement is also a source of lines, where the blurred movement renders as a line.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
</p><p>Subject lines contribute to both mood and <a href="Linear_perspective" class="mw-redirect" title="Linear perspective">linear perspective</a>, giving the viewer the illusion of depth. Oblique lines convey a sense of movement, and angular lines generally convey dynamism and possibly tension. Lines can also direct attention towards the main subject of the picture or contribute to the organization by dividing it into compartments. The artist may exaggerate or create lines, perhaps as part of their message to the viewer. Many lines without a clear subject-point suggest chaos in the image, and may conflict with the mood the artist is trying to evoke.
</p><p>A line's angle and its relationship to the frame's size influence the perspective of the image. Horizontal lines, commonly found in <a href="Landscape_photography" title="Landscape photography">landscape photography</a>, can give the impression of calm, tranquility, and space. An image filled with strong vertical lines tends to have the appearance of height and grandeur. Tightly angled convergent lines give a dynamic, lively, and active effect to the image. Firmly turned, almost <a href="Diagonal" title="Diagonal">diagonal</a> lines produce tension in the picture. The viewpoint of visual art is fundamental because every different perspective views different angled lines. This change of perspective elicits a different response to the image. Changing the air only by some degrees or some centimeters lines in embodiments can vary tremendously, and a distinct feeling can be transported. Straight lines are also strongly influenced by tone, color, and repetition concerning the rest of the image.
</p><p>Compared to straight lines, curves provide a greater dynamic influence in a picture. They are also generally more aesthetically pleasing, as the viewer associates them with nature and softness. In photography, curved lines can give graduated shadows when paired with soft-directional lighting, which usually results in a very harmonious line structure within the image. There are two main types of curves, a simple "C" curve as well as a more sinuous <a href="S-curve_(art)" title="S-curve (art)">"S" curve</a>.<sup id="cite_ref-Taylor_2-0" class="reference"><a href="#cite_note-Taylor-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Color">Color</h3></div>
<p>There are three properties of color: hue, brightness or chroma, and value. Hue is the name of a color (red, yellow, and blue, etc.). Brightness and chroma refer to the intensity and strength of the color. A high chroma color is more pure and less greyed than a low chroma color. The lightness or darkness to a color is the value. Color also has the ability to work within our emotions. Given that, we can use color to create mood. It can also be used as tone, pattern, light, movement, symbol, form, harmony, and contrast.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Texture">Texture</h3></div>
<p>Texture refers to how an object feels or how it looks like it may feel if it were touched. There are two ways we experience texture, physically and optically. Different techniques can be used to create physical texture, which allows qualities of visual art to be seen and felt. This can include surfaces such as metal, sand, and wood. Optical texture is when the illusion of physical texture is created. Photography, paintings, and drawings use visual texture to create a more realistic appearance.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Value">Value</h3></div>
<p>Lightness and darkness are known as value in visual art. Value deals with how light reflects off objects and how we see it. The more light that is reflected, the higher the value. White is the highest or lightest value while black is the lowest or darkest value. Colors also have value; for example, yellow has a high value while blue and red have a low value. If you take a black and white picture of a colorful scene, all you are left with are the values. This important element of design, especially in painting and drawing, allows the artist to create the illusion of light through value contrast.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Form">Form</h3></div>
<p>The term form can mean different things in visual art. Form suggests a three-dimensional object in space. It is also described as the physical nature of the artwork, such as sculptures. It can also be looked at as art form, which can be expressed through fine art. A form encloses volume, has length, width, and height, unlike a shape, which is only two-dimensional. Forms that are mathematical, a sphere, pyramid, cube, cylinder, and cone, are known as geometric forms. Organic forms are typically irregular and asymmetrical. This form can be found in nature, such as flowers, rocks, trees, etc., but can also be seen in architecture.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup>
</p><p>Forms in drawing and painting convey the illusion of three-dimensional form through lighting, shadows, value, and tone. The more contrast in value, the more pronounced the three-dimensional form is. Forms with little value appear flatter than those with greater variation and contrasting.
</p>
<div class="mw-heading mw-heading3"><h3 id="Space">Space</h3></div>
<p>Space is the area around, above, and within an object. Photographers can capture space, architects build space, and painters create space. This element is found in each of the visual arts. It can be positive or negative, open or closed, shallow or deep, and two-dimensional or three-dimensional. In drawing or painting, space is not actually there, but the illusion of it is. Positive space is the subject of the piece. The empty spaces around, above, and within, is negative space.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Principles_of_organization">Principles of organization</h2></div>
<p>The artist determines what the center of interest (focus in <a href="Photography" title="Photography">photography</a>) of the art work will be, and composes the elements accordingly. The gaze of the viewer will then tend to linger over these points of interest, elements are arranged with consideration of several factors (known variously as the <i>principles of organization, principles of art,</i> or <i>principles of design</i>) into a harmonious whole which works together to produce the desired statement – a phenomenon commonly referred to as <b>unity.</b> Such factors in composition should not be confused with the elements of art (or elements of <a href="Design" title="Design">design</a>) themselves. For example, shape is an <i>element</i>; the usage of shape is characterized by various <i>principles.</i>
</p><p>Some principles of organization affecting the composition of a picture are:
</p>
<ul><li>Shape and proportion</li>
<li>Positioning/orientation/balance/<a href="Harmony" title="Harmony">harmony</a> among the elements</li>
<li>The area within the <a href="Field_of_view" title="Field of view">field of view</a> used for the picture ("<a href="Image_cropping" class="mw-redirect" title="Image cropping">cropping</a>")</li>
<li>The path or direction followed by the viewer's eye when they observe the image.</li>
<li>Negative space</li>
<li>Color</li>
<li>Contrast: the value, or degree of lightness and darkness, used within the picture.</li>
<li>Arrangement: for example, use of the <a href="Golden_section" class="mw-redirect" title="Golden section">golden mean</a> or the <a href="Rule_of_thirds" title="Rule of thirds">rule of thirds</a></li>
<li><a href="#Line_and_shape">Lines</a></li>
<li>Rhythm</li>
<li>Illumination or <a href="Lighting" title="Lighting">lighting</a></li>
<li>Repetition (sometimes building into pattern; rhythm also comes into play, as does geometry)</li>
<li><a href="Perspective_(graphical)" title="Perspective (graphical)">Perspective</a></li>
<li>Breaking the rules can create tension or unease, yet it can add interest to the picture if used carefully</li></ul>
<div class="mw-heading mw-heading3"><h3 id="Viewpoint_(leading_with_the_eye)">Viewpoint (leading with the eye)</h3></div>
<p>The position of the viewer can strongly influence the aesthetics of an image, even if the subject is entirely imaginary and viewed "within the mind's eye". Not only does it influence the elements within the picture, but it also influences the viewer's interpretation of the subject.
</p><p>For example, if a boy is photographed from above, perhaps from the eye level of an adult, he is diminished in stature. A photograph taken at the child's level would treat him as an equal, and one taken from below could result in an impression of dominance. Therefore, the photographer is choosing the viewer's positioning.
</p><p>A subject can be rendered more dramatic when it fills the frame. There exists a tendency to perceive things as larger than they actually are, and filling the frame fulfills this psychological mechanism. This can be used to eliminate distractions from the background.
</p><p>In photography, altering the position of the camera can change the image so that the subject has fewer or more distractions with which to compete. This may be achieved by getting closer, moving laterally, tilting, panning, or moving the camera vertically.
</p>
<div class="mw-heading mw-heading2"><h2 id="Compositional_techniques">Compositional techniques</h2></div>
<p>There are numerous approaches or "compositional techniques" to achieve a sense of unity within an artwork, depending on the goals of the artist. For example, a work of art is said to be aesthetically pleasing to the eye if the elements within the work are arranged in a balanced compositional way.<sup id="cite_ref-Dunstan_10-0" class="reference"><a href="#cite_note-Dunstan-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> However, there are artists such as <a href="Salvador_Dal%C3%AD" title="Salvador Dalí">Salvador Dalí</a> who aim to disrupt traditional composition and challenge the viewer to rethink balance and design elements within art works.
</p><p>Conventional composition can be achieved with a number of techniques:
</p>
<div class="mw-heading mw-heading3"><h3 id="Rule_of_thirds">Rule of thirds</h3></div>
<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Rule_of_thirds" title="Rule of thirds">Rule of thirds</a></div>
<p>The rule of thirds is a composition guide that states that arranging the important features of an image on or near the horizontal and vertical lines that would divide the image into thirds horizontally and vertically is visually pleasing. The objective is to stop the subjects and areas of interest (such as the horizon) from bisecting the image, by placing them near one of the lines that would divide the image into three equal columns and rows, ideally near the intersection of those lines.
</p>
<p>The rule of thirds is thought to be a simplification of the <a href="Golden_ratio" title="Golden ratio">golden ratio</a>. The golden ratio is thought to have been used by artists throughout history as a composition guide, but <a href="Mathematics_and_art#Golden_ratio" title="Mathematics and art">there is little evidence to support this claim</a>.
</p>
<div class="mw-heading mw-heading3"><h3 id="Rule_of_odds">Rule of odds</h3></div>
<p>The "rule of odds" suggests that an odd number of subjects in an image is more interesting than an even number. Thus if you have more than one subject in your picture, the suggestion is to choose an arrangement with at least three subjects. An even number of subjects produces symmetries in the image, which can appear less natural for a naturalistic, informal composition.
</p><p>An image of a person surrounded/framed by two other persons, for instance, where the person in the center is the object of interest in that image/artwork, is more likely to be perceived as friendly and comforting by the viewer, than an image of a single person with no significant surroundings.
</p>
<div class="mw-heading mw-heading3"><h3 id="Rule_of_space">Rule of space</h3></div>
<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Lead_room" title="Lead room">Lead room</a></div>
<p>The rule of space applies to artwork (photography, advertising, illustration) picturing objects to which the artist wants to apply the illusion of movement, or which is supposed to create a contextual bubble in the viewer's mind.
</p><p>This can be achieved, for instance, by leaving <a href="White_space_(visual_arts)" title="White space (visual arts)">white space</a> in the direction the eyes of a portrayed person are looking, or, when picturing a runner, adding white space in front of him rather than behind him to indicate movement. Studies with naive participants have confirmed this preference.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Simplification">Simplification</h3></div>
<p>Images with clutter can distract from the main elements within the picture and make it difficult to identify the subject. By decreasing the extraneous content, the viewer is more likely to focus on the primary objects. Clutter can also be reduced through the use of lighting, as the brighter areas of the image tend to draw the eye, as do lines, squares and colour. In painting, the artist may use less detailed and defined brushwork towards the edges of the picture. Removing the elements to the focus of the object, taking only the needed components.
</p>
<div class="mw-heading mw-heading4"><h4 id="Shallow_depth_of_field">Shallow depth of field</h4></div>
<p>In photography, and also (via software simulation of real lens limitations) in <a href="3D_graphics" class="mw-redirect" title="3D graphics">3D graphics</a>, one approach to achieving simplification is to use a wide aperture when shooting to limit the <a href="Depth_of_field" title="Depth of field">depth of field</a>. When used properly in the right setting, this technique can place everything that is not the subject of the photograph out of focus.
</p>
<table align="center">
<tbody><tr>
<td valign="top">
</td>
<td valign="top">
</td></tr></tbody></table>
<p>A similar approach, given the right equipment, is to take advantage of the <a href="Scheimpflug_principle" title="Scheimpflug principle">Scheimpflug principle</a> to change the plane of focus.
</p>
<div class="mw-heading mw-heading3"><h3 id="Geometry_and_symmetry">Geometry and symmetry</h3></div>
<p>Related to the rule of odds is the observation that triangles are an aesthetically pleasing implied shape within an image. In a <a href="Canon_(basic_principle)" title="Canon (basic principle)">canonically</a> attractive face, the mouth and eyes fall within the corners of the area of an equilateral triangle. <a href="Paul_C%C3%A9zanne" title="Paul Cézanne">Paul Cézanne</a> successfully used triangles in his compositions of <a href="Still_life" title="Still life">still lifes</a>. A triangular format creates a sense of stability and strength.
</p>
<div class="mw-heading mw-heading3"><h3 id="Creating_movement">Creating movement</h3></div>
<p>It is generally thought to be more pleasing to the viewer if the image encourages the eye to move around the image, rather than immediately fixating on a single place or no place in particular. Artists will often strive to avoid creating compositions that feel "static" or "flat" by incorporating movement into the image. In image A the 2 mountains are equally sized and positioned beside each other creating a very static and uninteresting image. In image B the mountains are differently sized and one is placed closer to the horizon, guiding the eye to move from one mountain to the other creating a more interesting and pleasing image. This also feels more natural because in nature objects are rarely the same size and evenly spaced.
</p>
<div class="mw-heading mw-heading3"><h3 id="Other_techniques">Other techniques</h3></div>
<ul><li>There should be a center of interest or focus in the work, to prevent it becoming a pattern in itself</li>
<li>The direction followed by the viewer's eye should lead the viewer's gaze around all elements in the work before leading out of the picture</li>
<li>The subject should not be facing out of the image</li>
<li>Exact bisections of the picture space should be avoided</li>
<li>Small, high contrast, elements have as much impact as larger, duller elements</li>
<li>The prominent subject should be off-centre, unless a symmetrical or formal composition is desired, and can be balanced by smaller satellite elements</li>
<li>The horizon line should not divide the art work in two equal parts but be positioned to emphasize either the sky or ground; showing more sky if painting is of clouds, sun rise/set, and more ground if a landscape</li>
<li>Use of detailed areas and 'rest' areas can help to aid the eye in where to look. Creating a contrast between detail and lack of detail is important</li></ul>
<p>These principles <i>can</i> be means of a good composition yet they <i>cannot</i> be applied separately but should act together to form a good composition.
</p>
<ul><li>Also in an artwork, it is suggested that no spaces between the objects should be the same to create a more interesting image.</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Example">Example</h2></div>
<p>These paintings all show the same subject, the <a href="Raising_of_Lazarus" class="mw-redirect" title="Raising of Lazarus">Raising of Lazarus</a>, and essentially the same figures, but have very different compositions:
</p>
<ul class="gallery mw-gallery-traditional" style="max-width: 972px;">
<li class="gallerybox" style="width: 235px">
<div class="thumb" style="width: 230px; height: 230px;"><span typeof="mw:File"></span></div>
<div class="gallerytext"><a href="Duccio" title="Duccio">Duccio</a>, 1310–11</div>
</li>
<li class="gallerybox" style="width: 235px">
<div class="thumb" style="width: 230px; height: 230px;"><span typeof="mw:File"></span></div>
<div class="gallerytext"><a href="Geertgen_tot_Sint_Jans" title="Geertgen tot Sint Jans">Geertgen tot Sint Jans</a>, 1480s</div>
</li>
<li class="gallerybox" style="width: 235px">
<div class="thumb" style="width: 230px; height: 230px;"><span typeof="mw:File"></span></div>
<div class="gallerytext"><a href="Guercino" title="Guercino">Guercino</a>, c. 1619</div>
</li>
<li class="gallerybox" style="width: 235px">
<div class="thumb" style="width: 230px; height: 230px;"><span typeof="mw:File"></span></div>
<div class="gallerytext"><a href="Rembrandt" title="Rembrandt">Rembrandt</a>, c. 1630</div>
</li>
</ul>
<div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2></div>
<ul><li><a href="Miksang" title="Miksang">Miksang</a> (contemplative photography)</li>
<li><a href="New_Epoch_Notation_Painting" class="mw-redirect" title="New Epoch Notation Painting">New Epoch Notation Painting</a> (a notation system for painting)</li>
<li><a href="Page_layout" title="Page layout">Page layout</a> (graphic design)</li>
<li><a href="List_of_photographic_composition_techniques" class="mw-redirect" title="List of photographic composition techniques">List of photographic composition techniques</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="References">References</h2></div>
<style data-mw-deduplicate="TemplateStyles:r1239543626">
/* start https://en.wikipedia.org/ */
.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}
/* end https://en.wikipedia.org/ */
</style><div class="reflist">
<div class="mw-references-wrap mw-references-columns"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">
/* start https://en.wikipedia.org/ */
.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("./mw/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("./mw/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("./mw/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("./mw/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}
/* end https://en.wikipedia.org/ */
</style><cite id="1" class="citation web cs1">Wrigley, Alex. <a rel="nofollow" class="external text" href="https://www.clickandlearnphotography.com/latest/how-to-use-leading-lines-to-improve-your-photography-composition">"How to Use Leading Lines in Your Photography Composition"</a>. <i>Click and Learn Photography</i><span class="reference-accessdate">. Retrieved <span class="nowrap">6 February</span> 2019</span>.</cite></span>
</li>
<li id="cite_note-Taylor-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-Taylor_2-0">^</a></b></span> <span class="reference-text"><cite id="CITEREFTaylor2015" class="citation book cs1">Taylor, David (21 February 2015). <i>Understanding Composition: The Expanded Guide</i>. East Sussex: Ammonite Press. p. 68. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>9781781451083</bdi>.</cite></span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><cite id="CITEREFEsaak" class="citation web cs1">Esaak, Shelley. <a rel="nofollow" class="external text" href="https://www.thoughtco.com/definition-of-color-in-art-182429">"What is the Definition of Color in Art?"</a>. <i>ThoughtCo</i><span class="reference-accessdate">. Retrieved <span class="nowrap">March 8,</span> 2017</span>.</cite></span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20181223211158/http://wcs.k12.mi.us/cousino/wcsart/Art%20Foundatons%20Site/color.html">"Element of Design: Color"</a>. <i>Art Foundations</i>. Archived from <a rel="nofollow" class="external text" href="http://www.wcs.k12.mi.us/cousino/wcsart/art%20foundatons%20site/color.html">the original</a> on 2018-12-23<span class="reference-accessdate">. Retrieved <span class="nowrap">2018-04-03</span></span>.</cite></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-5">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.artyfactory.com/art_appreciation/visual-elements/texture.html">"The Visual Elements"</a>. <i>Artyfactory</i>.</cite></span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text"><cite id="CITEREFFussell" class="citation web cs1">Fussell, Matt. <a rel="nofollow" class="external text" href="http://thevirtualinstructor.com/Value.html">"The Elements of Art-"Value""</a>. <i>The Virtual Instructor</i>.</cite></span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><cite id="CITEREFMarder" class="citation web cs1">Marder, Lisa. <a rel="nofollow" class="external text" href="https://www.thoughtco.com/definition-of-form-in-art-182437">"What Does the Term 'Form' Mean in Regards to Art?"</a>. <i>ThoughtCo</i><span class="reference-accessdate">. Retrieved <span class="nowrap">January 23,</span> 2018</span>.</cite></span>
</li>
<li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><cite id="CITEREFEsaak" class="citation web cs1">Esaak, Shelley. <a rel="nofollow" class="external text" href="https://www.thoughtco.com/definition-of-space-in-art-182464">"Exploring the Spaces Between and Within Us"</a>. <i>ThoughtCo</i><span class="reference-accessdate">. Retrieved <span class="nowrap">February 19,</span> 2018</span>.</cite></span>
</li>
<li id="cite_note-9"><span class="mw-cite-backlink"><b><a href="#cite_ref-9">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.sophia.org/tutorials/elements-of-art-space">"What is Space?"</a>. <i>Sophia</i>. Sophia Learning.</cite></span>
</li>
<li id="cite_note-Dunstan-10"><span class="mw-cite-backlink"><b><a href="#cite_ref-Dunstan_10-0">^</a></b></span> <span class="reference-text">Dunstan, Bernard. (1979). <i>Composing Your Paintings</i>. London, Studio Vista.</span>
</li>
<li id="cite_note-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-11">^</a></b></span> <span class="reference-text"><cite id="CITEREFBertaminiMBennettKM2011" class="citation journal cs1">Bertamini, M, Bennett, KM, Bode, C (2011). "The anterior bias in visual art: The case of images of animals". <i>Laterality</i>. <b>16</b> (6): <span class="nowrap">673–</span>689. <a href="Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1080%2F1357650X.2010.508219">10.1080/1357650X.2010.508219</a>. <a href="PMID_(identifier)" class="mw-redirect" title="PMID (identifier)">PMID</a> <a rel="nofollow" class="external text" href="https://pubmed.ncbi.nlm.nih.gov/21347971">21347971</a>. <a href="S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a> <a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:12733437">12733437</a>.</cite></span>
</li>
</ol></div></div>
<div class="mw-heading mw-heading2"><h2 id="Further_reading">Further reading</h2></div>
<ul><li><cite id="CITEREFArnheim,_Rudolf1974" class="citation book cs1">Arnheim, Rudolf (1974). <a rel="nofollow" class="external text" href="https://archive.org/details/artvisualpercept00arnh_0"><i>Art and Visual Perception: A Psychology of the Creative Eye</i></a>. <a href="University_of_California_Press" title="University of California Press">University of California Press</a>. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>978-0-520-02613-1</bdi>.</cite></li>
<li><cite id="CITEREFDowner,_Marion1947" class="citation book cs1">Downer, Marion (1947). <i>Discovering Design</i>. Lothrop Lee & Shepard. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>0-688-41266-1</bdi>.</cite> <span class="cs1-hidden-error citation-comment"><code class="cs1-code">{{cite book}}</code>: </span><span class="cs1-hidden-error citation-comment">ISBN / Date incompatibility (help)</span></li>
<li><cite id="CITEREFGraham,_Peter2004" class="citation book cs1">Graham, Peter (2004). <span class="id-lock-registration" title="Free registration required"><a rel="nofollow" class="external text" href="https://archive.org/details/introductiontopa0000grah_t5c6"><i>An Introduction to Painting Still Life</i></a></span>. Chartwell Books Inc. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>0-7858-1750-6</bdi>.</cite></li>
<li><cite id="CITEREFGrill,_TomScanlon,_Mark1990" class="citation book cs1">Grill, Tom; Scanlon, Mark (1990). <a rel="nofollow" class="external text" href="https://archive.org/details/isbn_9780817454272"><i>Photographic Composition</i></a>. <a href="Watson-Guptill_Publications" class="mw-redirect" title="Watson-Guptill Publications">Watson-Guptill Publications</a>. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>0-8174-5427-6</bdi>.</cite></li>
<li><cite id="CITEREFPeterson,_Bryan1988" class="citation book cs1">Peterson, Bryan (1988). <span class="id-lock-registration" title="Free registration required"><a rel="nofollow" class="external text" href="https://archive.org/details/learningtoseecre00pete"><i>Learning to See Creatively</i></a></span>. Watson-Guptill Publications. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>0-8174-4177-8</bdi>.</cite></li>
<li><cite id="CITEREFLangford,_Michael1982" class="citation book cs1">Langford, Michael (1982). <i>The Master Guide to Photography</i>. New York: <a href="Dorling_Kindersley" class="mw-redirect" title="Dorling Kindersley">Dorling Kindersley</a> Limited. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <bdi>0-394-50873-4</bdi>.</cite></li></ul>
<div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2></div>
<style data-mw-deduplicate="TemplateStyles:r1290876196">
/* start https://en.wikipedia.org/ */
.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:var(--background-color-interactive-subtle,#f8f9fa);display:flow-root}.mw-parser-output .infobox .side-box{font-size:100%}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}
/* end https://en.wikipedia.org/ */
</style><style data-mw-deduplicate="TemplateStyles:r1237033735">
/* start https://en.wikipedia.org/ */
@media print{body.ns-0 .mw-parser-output .sistersitebox{display:none!important}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}
/* end https://en.wikipedia.org/ */
</style><div class="side-box side-box-right sistersitebox"><style data-mw-deduplicate="TemplateStyles:r1126788409">
/* start https://en.wikipedia.org/ */
.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}
/* end https://en.wikipedia.org/ */
</style>
<div class="side-box-flex">
<div class="side-box-image"><span class="noviewer" typeof="mw:File"></span></div>
<div class="side-box-text plainlist">Wikimedia Commons has media related to <span style="font-weight: bold; font-style: italic;"><a href="https://commons.wikimedia.org/wiki/Category:Composition_(Visual_arts)" class="extiw external" title="commons:Category:Composition (Visual arts)">Composition (Visual arts)</a></span>.</div></div>
</div>
<ul><li><a rel="nofollow" class="external text" href="http://www.goshen.edu/art/ed/percy1.html">Percy Principles of Art and Composition</a>, <a href="Goshen_College" title="Goshen College">Goshen College</a> Art Department</li>
<li><a rel="nofollow" class="external text" href="https://www.jackbakerart.com/blog/2017/6/24/using-detail-and-why-it-is-important">Using Detail and why it is important</a></li></ul>
<div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">
/* start https://en.wikipedia.org/ */
.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}
/* end https://en.wikipedia.org/ */
</style><style data-mw-deduplicate="TemplateStyles:r1236075235">
/* start https://en.wikipedia.org/ */
.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}
/* end https://en.wikipedia.org/ */
</style></div><div role="navigation" class="navbox authority-control" aria-labelledby="Authority_control_databases_frameless&#124;text-top&#124;10px&#124;alt=Edit_this_at_Wikidata&#124;link=https&#58;//www.wikidata.org/wiki/Q462437#identifiers&#124;class=noprint&#124;Edit_this_at_Wikidata644" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Authority_control_databases_frameless&#124;text-top&#124;10px&#124;alt=Edit_this_at_Wikidata&#124;link=https&#58;//www.wikidata.org/wiki/Q462437#identifiers&#124;class=noprint&#124;Edit_this_at_Wikidata644" style="font-size:114%;margin:0 4em">Authority control databases </div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">National</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh85029401">United States</a></span></li><li><span class="uid"><a rel="nofollow" class="external text" href="https://www.nli.org.il/en/authorities/987007545622105171">Israel</a></span></li></ul></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://lux.collections.yale.edu/view/concept/44038a94-2d9e-4df7-b1d2-8318ebd3d000">Yale LUX</a></span></li></ul></div></td></tr></tbody></table></div></div><!--htdig_noindex--><div><div class="zim-footer">
This article is issued from <a class="external text" title="Last edited on 2025-04-19" href="https://en.wikipedia.org/wiki/?title=Composition_(visual_arts)&oldid=1286390970">Wikipedia</a>. The text is available under <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-Share Alike 4.0</a> unless otherwise noted. Additional terms may apply for the media files.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
</body></html>